<template>
  <div class="brands-list">
    <div class="brand-list">
      <div class="brand2_1" v-for="index in 6" :key="index">
        <router-link to="/brand/brandDetail">
          <div class="pinpai">
            <a href="#">
              <img src="../assets/uploadfiles/image/temp/BrandPic_1.jpg" width="138" height="58"/>
            </a>
          </div>
        </router-link>
        <div class="pinpai-content">
          <div class="pinpai1">
            <div class="gongsi"><a href="#"></a></div>
            <div class="branddes">
              <div class="branddes-title">DC童装</div>
              <div class="branddes-content" v-text="brandContent"></div>
            </div>
          </div>
          <div class="brandimg">
            <a>
              <img src="../assets/uploadfiles/image/temp/brand1_img.jpg" width="229" height="294"/>
            </a>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BrandDetail',
  data () {
    return {
      brandContent: 'DC，是direction的英文缩写，英译为“方向”，也寓意着“成长”，成长需要方向的灌溉，生活需要方向的指引。\n' +
        '\n' +
        '　　“木”之本质为“自然”，蕴含了大自然的随性、自由、舒适。\n' +
        '\n' +
        '　　品牌使命：让孩子在大自然的气息下健康、舒适、无束缚的成长。\n' +
        '\n' +
        '　　品牌文化\n' +
        '\n' +
        '　　DC童装设计灵感来源于呼吸着新鲜的氧气而成的”棉””麻”，它亲民、自然、舒适，让宝宝们放松的与自然更亲近的接触。\n' +
        '\n' +
        '　　DC童装以“简约”、“时尚”、“舒适”的设计理念，取材于温带大自然的衣料，专注服装的剪裁和工艺、致力打造以“专做棉麻”为品牌理念的童装时尚品牌，诠释新的自然设计风格。'
    }
  }
}
</script>

<style scoped lang="less">
.brands-list {
  width: 980px;
  margin: 0 auto;
  text-align: left;

  .brand-list {
    .brand2_1 {
      width: 980px;
      height: 351px;
      box-sizing: border-box;
      overflow: hidden;
      border: 2px solid #e7e7e7;
      margin-top: 20px;
      background: #fff;
      padding: 18px;

      .pinpai-content {
        display: flex;
        justify-content: space-between;

        .pinpai1 {
          width: 640px;
          height: 240px;
          transform: translateX(20px);
          overflow: hidden;

          .branddes {
            .branddes-title {
              color: #00a2ea;
              font-size: 18px;
              padding-bottom: 10px;
            }
            .branddes-content{
              font-size: 14px;
              color: rgb(52, 52, 52);
              padding: 10px 0;
              line-height: 30px;
            }
          }
        }

        .brandimg {
          float: right;
          transform: translateY(-50px);
        }
      }

    }
  }
}
</style>
